<div *ngIf="user">
    <nz-card style="width:300px;" [nzCover]="coverTemplate" [nzActions]="[actionSetting, actionEdit, actionEllipsis]">
        <nz-card-meta [nzTitle]="user.account" nzDescription="This is the description" [nzAvatar]="avatarTemplate"></nz-card-meta>
    </nz-card>
    <ng-template #avatarTemplate>
        <nz-avatar [nzSrc]="user.avatar"></nz-avatar>
    </ng-template>
    <ng-template #coverTemplate>
        <img alt="example" src="https://gw.alipayobjects.com/zos/rmsportal/JiqGstEfoWAOHiTxclqi.png" />
    </ng-template>
    <ng-template #actionSetting>
        <i nz-icon nzType="setting"></i>
    </ng-template>
    <ng-template #actionEdit>
        <i nz-icon nzType="edit" (click)="openModalBox.emit('login')"></i>
    </ng-template>
    <ng-template #actionEllipsis>
        <i nz-icon nzType="ellipsis" (click)="openModalBox.emit()"></i>
    </ng-template>
</div>